<link rel="stylesheet" href="{{mix('/css/inc/pro_banner.css')}}">
<script src="{{asset('/control/num_animate/jquery.waypoints.min.js')}}"></script>
<script src="{{asset('/control/num_animate/jquery.countup.min.js')}}"></script>
<div class="pro_banner">
    <div class="w1200">
        <div class="proleft fl">
            <ul>
                <li>每日收集全国<span>2000</span>多家政企招标网站相关信息</li>
                <li>国内安防弱电类项目信息<span>全</span>都在这里</li>
                <li>我们承诺：所有项目信息资源<span>免费</span>分享</li>
            </ul>
        </div>
        <div class="proright fl">
            <div class="included included1">
                <div class="column"></div>
                <div class="description">收录全国安防领域信息</div>
                <div class="des_num"><span class="counter">{{isset($projects_count) ? $projects_count : 24303}}</span>条</div>
            </div>
            <div class="included included2">
                <div class="column"></div>
                <div class="description">收录拟在建项目</div>
                <div class="des_num"><span class="counter">{{(isset($projects_count) ? $projects_count : 24303)-21258}}</span>条</div>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        //数字动画
        $('.counter').countUp({
            delay: 5,
            time: 1000
        });
        //柱形动画
        $('.included1 .column').animate({
            marginTop:0,
            height:280,
            opacity:1
        },1500)

        $('.included2 .column').animate({
            marginTop:0,
            height:80,
            opacity:1
        },1500)
        //广告关闭
        $('.advertisement .close').click(function () {
            $('.advertisement').hide();
        })
    })
</script>